#page-nav {
  zoom: 1;
  margin: 50px auto 70px;
  border: @border-solid;
  border-radius: 1em;
  text-align: center;
  color: @color-gray-text;
  overflow: hidden;
  .box-shadow(1px 2px .5em @color-shadow);
  .bg-light;
  .clearfix();

  a,
  span {
    padding: 10px 20px;
    line-height: 1.7;
  }

  a {
    .hover-color(@color-gray-text, @color-light-text);

    &:hover,
    &:focus {
      background: #999;
    }
  }

  .prev {
    float: left;
  }
  .next {
    float: right;
  }
  .page-number {
    display: inline-block;

    @media screen and (max-width: @screen-phone) {
      display: none;
    }
  }

  .current {
    color: #000;
    font-weight: bold;
  }

  .space {
    color: #ddd;
  }
}
